﻿<CodeSnippetTabbed DocLink="https://docs.devexpress.com/Blazor/DevExpress.Blazor.DxFormLayout.CaptionPosition">
    <CodeSnippetTabPage Text="Razor">@(@"<DxFormLayout CaptionPosition=""CaptionPosition.Vertical"">
    <DxFormLayoutItem Caption=""Location:"" ColSpanLg=""4"" ColSpanMd=""12"">
        <Template>
            <DxTextBox @bind-Text=""@Location""></DxTextBox>
        </Template>
    </DxFormLayoutItem>

    <DxFormLayoutItem Caption=""Check in:"" ColSpanLg=""4"" ColSpanMd=""6"">
        <Template>
            <DxDateEdit @bind-Date=""@CheckIn""></DxDateEdit>
        </Template>
    </DxFormLayoutItem>

    <DxFormLayoutItem Caption=""Check out:"" ColSpanLg=""4"" ColSpanMd=""6"">
        <Template>
            <DxDateEdit @bind-Date=""@CheckOut""></DxDateEdit>
        </Template>
    </DxFormLayoutItem>
</DxFormLayout>

@code {
    string Location { get; set; } = ""London"";
    DateTime CheckIn { get; set; } = DateTime.Now;
    DateTime CheckOut { get; set; } = DateTime.Now;
}")</CodeSnippetTabPage>
</CodeSnippetTabbed>
